<template>
    <div
        class="dtw-py-8 dtw-px-8 dtw-max-w-sm dtw-mx-auto dtw-bg-white dtw-rounded-xl dtw-shadow-md dtw-space-y-2 sm:dtw-py-4 sm:flex sm:dtw-items-center sm:dtw-space-y-0 sm:space-x-6">
        <img class="dtw-block dtw-mx-auto dtw-h-24 dtw-rounded-full sm:dtw-mx-0 sm:dtw-flex-shrink-0" src="/img/erin-lindford.jpg"
            alt="Woman's Face">
        <div class="dtw-text-center dtw-space-y-2 sm:dtw-text-left">
            <div class="dtw-space-y-0.5">
                <p class="dtw-text-lg dtw-text-black dtw-font-semibold">
                    Erin Lindford
                </p>
                <p class="dtw-text-gray-500 dtw-font-medium">
                    Product Engineer
                </p>
            </div>
            <button
                class="dtw-px-4 dtw-py-1 dtw-text-sm dtw-text-purple-600 dtw-font-semibold dtw-rounded-full dtw-border dtw-border-purple-200 hover:dtw-text-white hover:dtw-bg-purple-600 hover:dtw-border-transparent focus:dtw-outline-none focus:dtw-ring-2 focus:dtw-ring-purple-600 focus:dtw-ring-offset-2">Message</button>
        </div>
    </div>
</template>
<script setup>

</script>